Skip to content

Added close icon hover css and added in classname#213

Merged
Alexandrbig1 merged 1 commit into
OpenCodeChicago:mainfrom
yashseth391:Add-hover-animataion-to-close
Oct 21, 2025
Merged

Added close icon hover css and added in classname#213
Alexandrbig1 merged 1 commit into
OpenCodeChicago:mainfrom
yashseth391:Add-hover-animataion-to-close

Conversation

@yashseth391

@yashseth391 yashseth391 commented Oct 21, 2025

Copy link
Copy Markdown
Contributor

Description

I have added a css styling in index.css which has all the styling how the close icon should behave when we hover on it .
There are certain files where there is already styling of that X icon , so i have added close-icon styling and then overriding with the current style .

Checklist

  • [ yes] My code builds and runs locally
  • [ yes] I’ve added/updated documentation if needed
  • [ yes] I’ve tested my changes

@yashseth391

Copy link
Copy Markdown
Contributor Author

@Alexandrbig1 , please review it .Also there are some files like about which are failing to load locally while development , should i raise a pr for that as well by fixing.

@Alexandrbig1 Alexandrbig1 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your contribution, and congrats on your PR being approved!
We’re excited to have your work as part of Open Code Chicago’s Hacktoberfest 2025 project.

@Alexandrbig1 Alexandrbig1 added frontend Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages) good first issue Good for newcomers hacktoberfest Special issue for Hacktoberfest hacktoberfest-2025 Special issue for Hacktoberfest 2025 hacktoberfest-accepted This label indicates that a contribution has been accepted and counts toward Hacktoberfest rewards. react React components & UI logic tailwind Tailwind CSS & styling labels Oct 21, 2025
@Alexandrbig1 Alexandrbig1 added this to the Hacktoberfest 2025 milestone Oct 21, 2025
@Alexandrbig1 Alexandrbig1 linked an issue Oct 21, 2025 that may be closed by this pull request
@Alexandrbig1 Alexandrbig1 merged commit 1a5d95a into OpenCodeChicago:main Oct 21, 2025
4 checks passed
@Alexandrbig1

Copy link
Copy Markdown
Contributor

@yashseth391, I approved this PR, but it's very simple; we would love to have more creative animation.

@Alexandrbig1

Copy link
Copy Markdown
Contributor

@yashseth391, I don't see any errors or parts that are failing. May you be more descriptive, please, and verify it once more. And make sure next time you reference to correct issue number. Thanks.

@yashseth391

Copy link
Copy Markdown
Contributor Author

@yashseth391, I approved this PR, but it's very simple; we would love to have more creative animation.

sure , i will look on the internet for the animations , If i find a one , i will update it .

@yashseth391

Copy link
Copy Markdown
Contributor Author

@Alexandrbig1 , I am into the mobile more , if the website going into the phone in the future , i would love to contribute on that part as well .

@yashseth391 yashseth391 deleted the Add-hover-animataion-to-close branch October 21, 2025 20:25
@Alexandrbig1

Copy link
Copy Markdown
Contributor

@yashseth391, that's great! Will be in touch, or you can follow US on GitHub or other platforms, and open a Discussion as well, if it's considered, it will be good!

@Alexandrbig1

Copy link
Copy Markdown
Contributor

Hey @yashseth391 ,

🎉 Congratulations — your pull request has been merged!
Thank you for your contribution to the CoreX Project as part of Open Code Chicago during Hacktoberfest 2025

You’ve officially earned the Open Code Chicago × CoreX Contributor 2025 badge on Holopin 🏅
👉 Claim your badge here: Claim Badge

Once claimed, you can proudly display it on your GitHub profile, Holopin board, or share it on LinkedIn to celebrate your achievement!

Keep contributing, learning, and building with us 🚀
— Open Code Chicago Team

@Alexandrbig1

Copy link
Copy Markdown
Contributor

🎨 UI Builder 2025 Badge Earned! 🏅

Congratulations, and thank you for your awesome frontend contributions to CoreX during Hacktoberfest 2025!
Your attention to design detail, UI structure, and collaboration truly reflect what open-source craftsmanship looks like.

You’ve officially earned the Open Code Chicago × CoreX — UI Builder 2025 badge 🎖
👉 Claim your badge here: Claim Badge

Keep building beautiful interfaces! 💻✨
— Open Code Chicago Team

@Alexandrbig1 Alexandrbig1 added the badge-awarded Added when a contributor has received a Holopin badge label Nov 5, 2025
@yashseth391

Copy link
Copy Markdown
Contributor Author

@Alexandrbig1 thank you Alex, and sorry due to my exams i could not refractor it properly. But I will contribute in future contributions for sure😇.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

badge-awarded Added when a contributor has received a Holopin badge frontend Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages) good first issue Good for newcomers hacktoberfest Special issue for Hacktoberfest hacktoberfest-2025 Special issue for Hacktoberfest 2025 hacktoberfest-accepted This label indicates that a contribution has been accepted and counts toward Hacktoberfest rewards. react React components & UI logic tailwind Tailwind CSS & styling

Development

Successfully merging this pull request may close these issues.

Add Hover Animation to Close (×) Buttons

2 participants